<template>
  <div>
    <headertitle></headertitle>
    <div class="body" id="body3">
     <div class="P_Box">
        <p class="P_top">
            <span>应付金额: <strong>165.9</strong>(在线支付)</span>
            <span>订单编号:425954156947</span>
        </p>
        <p>支付平台</p>
        <div class="P_main clear">
            <span>
                <i class="iconfont icon-danxuananniu_weixuan i1 active zhifubao"></i>
                <div>
                    <i class="iconfont icon-dunpai"></i>
                    <i class="iconfont icon-zhifubao"></i>
                </div>
            </span>
            <span>
                <i class="iconfont icon-danxuananniu_weixuan  i1 weixin" ></i>
                <div>
                    <i class="iconfont icon-weixin"></i>微信支付
                </div>
            </span>
            <span><i class="iconfont icon-danxuananniu_weixuan i1"></i>
                <div>
                    <i class="iconfont icon-yinlian"></i>银联支付
                </div>
            </span>
            <span><i class="iconfont icon-danxuananniu_weixuan i1"></i>
                <div>
                    <i class="iconfont icon-yuezhifu"></i>余额支付(￥500)
                </div>
            </span>
        </div>
        <div class="P_pay">
            <div class="P_payTop">
                <div class="P_payLeft1 P_payLeft">
                    <p>使用电脑支付</p>
                    <img src="../../public/images/erwei.png" alt="">
                    <div class="now">立即支付</div>
                </div>
                <div class="huo">或</div>
                <div class="P_payRight">
                    <p>使用支付宝扫一扫付款</p>
                    <img src="../../public/images/erwei.png" alt="">
                </div>
            </div>
        </div>
    </div>
    </div>
    <footertitle></footertitle>
  </div>
</template>

<script>
import headertitle from "../components1/headertitle.vue";
import footertitle from "../components1/footertitle.vue";
export default {
  components: { headertitle, footertitle }
};
</script>
<style>
.p_Box .p_top {
    margin-top: 30px;
}
#body3 .P_Box {
  width: 70%;
  margin-left: 15%;
}
#body3 .P_Box h2 {
  width: 100%;
  font: 30px/200px "simhei";
  color: coral;
  text-align: center;
}
#body3 .P_top strong {
  color: red;
}
#body3 .P_top span:last-of-type {
  float: right;
}
#body3 .P_Box p:nth-of-type(2) {
  padding: 20px 0;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
}
#body3 .P_main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
#body3 .p_pay {
  width: 100%;
}

</style>
